<template>
  <div class="wrapper">
    <div class="login-background"></div>
    <div class="login-wrapper">
      <img src="../../assets/image/120Logo.png" alt class="logo" />
      <login-form class="login-form"></login-form>
    </div>
  </div>
</template>

<script>
import LoginForm from "./LoginForm";
import axios from "axios";
export default {
  name: "Login",
  components: {
    LoginForm
  },
  methods: {

  },
  mounted() {
      this.$store.dispatch("saveTimestamp",Date.now());
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.login-background {
  background: url("../../assets/image/login-background.png");
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.35;
}
.login-wrapper {
  background: #e0ebf4;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.9;
}
.logo {
  width: 45%;
  margin: 9% auto;
  display: block;
}
.login-form{
  width: 90%;
  margin: 0 auto;
}
</style>
